<style scoped>
.design-open {
  height: 45px;
  padding: 0 24px;
  cursor: pointer;
}

.design-open .title {
  font-size: 14px;
}
.h-cur {
  background-color: #444444;
}
.design-open:hover {
  background-color: #444444;
  color: #409eff;
}
</style>
<!--  -->
<template>
  <div :class="{'design-open':true,'dfjcac':true,'h-cur':isDesign}" @click.stop="goDesignPage()">
    <span class="title">设计</span>
  </div>
</template>

<script>
import * as functions from '@/core/functions.js'
export default {
  data () {
    return {
    }
  },
  computed: {
    isDesign () {
      if (this.$route.fullPath.indexOf('/backend/design') !== -1) {
        return true
      }
      return false
    }
  },
  methods: {
    goDesignPage () {
      let result = functions.routerPush('/backend/design')
      this.$router.push(result)
    }
  }
}

</script>
